.com{
	padding-top:1rem;
}
.banner{
	height: 4rem;
	background: #f00;
	position: relative;
	.copy{
		position:absolute;
		left: 18%;
		right: 0;
		top: 2.3rem;
		text-align: center;
		color: #fff;
		display: flex;
		justify-content: center;
		.copy-btn{
			margin-left:15px;
			text-decoration: underline;
			color: #fff;
		}
	}
	.rule{
		position:absolute;
		background:url(../image/img-sm.png) no-repeat;
		background-size: .85rem auto;
		width: .85rem;
		height: 2.12rem;
		right: 0;
		top: 50%;
		margin-top:-1.06rem;
		text-indent: -9999px;
		overflow: hidden;
	}
	.invite-btn{
		position:absolute;
		width:4.33rem;
		left: 32%;
		top: 2.8rem;
		height: .89rem;
		line-height: 45px;
		text-align: center;
		background:url(../image/invite-btn.png) no-repeat;
		background-size:cover;
		text-indent: -9999rem;
		overflow: hidden;
	}
}
.title{
	font-size: .32rem;
	text-align: center;
	color: #333333;
	padding:.45rem 0;
}
.award ul{
	display: flex;
	margin:0 5px;
	li{
		margin: 0 5px;
		flex: 1;
		border-radius:.15rem;
		background:rgba(255,255,255,1);
		border:.04rem solid rgba(255,219,122,1);
		box-shadow:0px 3px 4px 0px rgba(0, 0, 0, 0.07);
		padding:10px;
		text-align: center;
		font-size: .24rem;
		color: #707070;
		h4{
			font-size: .28rem;
			line-height: 2;
			color: #FF311F;
		}
		span{
			display: block;
			width: .26rem;
			height: .14rem;
			margin: 5px auto 0;
		}
		.icon-hanld{
			background:url(../image/icon-down.png) center no-repeat;
			background-size:cover;
		}
		.animate{
			transform: rotate(180deg);
			transition: all 1s;
		}
	}
}
.my-award{
	margin-top: .5rem;
	padding-bottom: .4rem;
	border-top:3px #F5F5F5 solid;
	border-bottom:3px #F5F5F5 solid;
	ul{
		padding:0 10px;
		li{
			display: flex;
			justify-content:space-around; 
			align-items: center;
			&.nav{
				font-size: .24rem;
				color: #707070;
			}
			span{
				flex: 1;
				text-align: center;
				font-size: .24rem;
				padding:0px 0 10px;
				&.name{
					color: #0A0A0A
				}
				&.red{
					color: #FF3C2D
				}
			}
			.call-btn{
				display: inline-block;
				margin: auto;
				padding:2px 5px;
				color: #fff;
				background:#FF3C2D;
				border-radius:5px;
			}
		}
	}
	 
}
.plr10{
	padding:0 10px;
}
.txt{
	padding:10px 25px;
	line-height: 2;
	font-size: .24rem;
	color: #707070;
	.color_000{
		color: #000;
	}
}
.award-detail{
	display: none;
	margin:30px 20px 20px;
	position:relative;
	background:#fff;
	box-shadow:0 0 20px 4px rgba(0,0,0,0.2);
	padding:10px;
	font-size: .24rem;
	p{
		text-align: center;
		padding:15px 0 0;
		color: #999;
	}
}
.icon-jt{
	position:absolute;
	width: 0;
	height: 0;
	border-width:10px;
	border-color:transparent transparent #fff transparent;
	border-style:solid; 
	left: 38px;
	top: -20px;
}
.span-txt{
	display: flex;
	justify-content: space-around;
	span{
		padding:10px;
		color: #999;
	}
}
.span-btn{
	display: flex;
	justify-content: space-around;
	span{
		background:#f90;
		padding:2px 10px;
		color: #fff;
		border-radius:5px;
	}
}
.my-awards{
	margin-top: .5rem;
	padding-bottom: .4rem;
	border-top:3px #F5F5F5 solid;
	.p20{
		padding: 0 20px 20px;
		text-align: center;
		img{
			display: block;
			width: 1.8rem;
			height: auto;
			margin: auto;
		}
	}
	.fz24{
		font-size: .24rem;
		color: #707070;
		text-align: center;
	}
}
.mb180{
	padding-bottom: 2.4rem;
}
.footer{
	position:fixed;
	display: flex;
	justify-content: space-around;
	align-items:center;
	left: 0;
	right: 0;
	bottom:0;
	padding:.2rem 0;
	background:#fff;
	border-top:3px #F5F5F5 solid;
	a{
		flex: 1;
		text-align: center;
		font-size: .24rem;
		color: #707070;
		img{
			width: 1.1rem;
			height: auto;
			display: block;
			margin: auto;
		}
	}
}

.tkbox-bg{
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	.tk-com{
		position:absolute;
		top: 50%;
		left: 5%;
		right: 5%;
		transform:translateY(-50%);
		background: #FFF;
    	border-radius: 4px;
    	padding:10px 0;
    	h3{
    		font-size: .34rem;
    		color: #000;
    		text-align: center;
    		line-height: 3;
    	}
    	p{
    		font-size: .24rem;
    		color: #707070;
    		margin-bottom: 15px;
    		padding:0 20px;
    	}
    	.date-list{
    		background:#edf6ff;
    		padding:10px 0;
    		margin-bottom: 15px;
    		overflow: scroll;
    		ul{
    			width: 400px;
    			display: flex;
    			li{
    				margin: 0 5px;
    				background:#0fc2cd;
    				border-radius:4px;
    				flex: 1;
    				display: flex;
    				flex-direction:column;
    				h4{
    					font-size: .28rem;
    					color: #fff;
    					text-align: center;
    					line-height: 2;
    				}
    				strong{
    					font-size: .36rem;
    					color: #0fc2cd;
    					background:#fff;
    					line-height: 2;
    					text-align: center;
    					border-radius:1px 1px 4px 4px;
    				}

    			}
    		}
    	}
    	.close{
    		position:absolute;
    		width: 20px;
    		height: 20px;
    		line-height: 20px;
    		color: #fff;
    		text-align: center;
    		border:2px #fff solid;
    		bottom: -50px;
    		border-radius: 50%;
    		left: 50%;
    		margin-left: -10px;
    	}
	}
}


.scroll-txt{
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	height: .8rem;
	line-height: .8rem;
	background:rgba(0,0,0,0.5);
	font-size: .24rem;
	color: #fff;
	display: flex;
	justify-content: space-around;
	overflow: hidden;
	.icon-lb{
		flex:4;
		margin-right: 20px;
		background:url(../image/icon-lb.png) right center no-repeat;
		background-size:.27rem auto;
	}
	ul{
		flex: 8;
	}		
}

//生成二维码
.qrcode{
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	div{
		position:absolute;
		top: 50%;
		left: 50%;
		width: 200px;
		height: 200px;
		padding:20px;
		margin-left:-120px;
		transform:translateY(-50%);
		background: #FFF;
	}
}